<!-- AD BEGINS HERE -->
<div id="adSpace" style="height:50px">
  <link href="http://ormma.googlecode.com/svn/trunk/AdSamples/OrmmaOneAd/OrmmaOne.css" rel="stylesheet" type="text/css"/>
  <script src="http://ormma.googlecode.com/svn/trunk/AdSamples/OrmmaOneAd/OrmmaOne.js" type="text/javascript" language="javascript"></script>
  <div id='ad'>
    <div id='banner'><img src="http://media.crispadvertising.com/adframework/1.2/components/img/300x50.gif" alt="banner advertisement" onclick="return(expand());" /></div>
    <div id='closebanner'><img src="http://media.crispadvertising.com/adframework/1.2/components/img/btn_close.gif" alt="" onclick="return(hide());" /></div>
    <div id='panel'>
      <div id='background'><img src="http://media.crispadvertising.com/adframework/1.2/components/img/300x250.gif" alt="panel" /></div>
      <div id='hotspot'><a href="http://blog.ormma.org/" onclick="return(open(this.href));"><img src="http://ormma.googlecode.com/svn/trunk/AdSamples/OrmmaOneAd/small_ormma.gif" alt="ORMMA" /></a></div>
      <div id='close'><img src="http://media.crispadvertising.com/adframework/1.2/components/img/btn_close.gif" alt="close" onclick="return(collapse());" /></div>
      <div id='ormma'>Running in ORMMA compliant container.</div>
    </div>
  </div>
</div>
<div>
<!-- AD ENDS HERE -->
  <h1>ORMMA Level One Sample Ad</h1>
  <h2>Overview</h2>
  <p>This ad exercises all the functions of the <a href="http://code.google.com/p/ormma/wiki/Level1_Requirements">Level1 specification</a>. The JavaScript source is not minimized, so you can view it  directly, <a href="http://ormma.googlecode.com/svn/trunk/AdSamples/OrmmaOneAd/OrmmaOne.js">http://ormma.googlecode.com/svn/trunk/AdSamples/OrmmaOneAd/OrmmaOne.js</a>.</p>
  <h2>To run this ad in the web tester:</h2>
  <ul>
    <li>Use the URL, "http://ormma.google.com/svn/trunk/AdSamples/OrmmaOneAd/OrmmaOneFragment.html" and be sure to check the "fragment" option</li>
    <li>Use the HTML tag, and paste in:
      <pre>&lt;link href=&quot;http://ormma.googlecode.com/svn/trunk/AdSamples/OrmmaOneAd/OrmmaOne.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
&lt;script src=&quot;http://ormma.googlecode.com/svn/trunk/AdSamples/OrmmaOneAd/OrmmaOne.js&quot; type=&quot;text/javascript&quot; language=&quot;javascript&quot;&gt;&lt;/script&gt;
&lt;div id=&quot;adSpace&quot; style=&quot;height:50px&quot;&gt;
  &lt;div id='ad'&gt;
    &lt;div id='banner'&gt;&lt;img src=&quot;http://media.crispadvertising.com/adframework/1.2/components/img/300x50.gif&quot; alt=&quot;banner advertisement&quot; onclick=&quot;return(expand());&quot; /&gt;&lt;/div&gt;
    &lt;div id='closebanner'&gt;&lt;img src=&quot;http://media.crispadvertising.com/adframework/1.2/components/img/btn_close.gif&quot; alt=&quot;&quot; onclick=&quot;return(hide());&quot; /&gt;&lt;/div&gt;
    &lt;div id='panel'&gt;
      &lt;div id='background'&gt;&lt;img src=&quot;http://media.crispadvertising.com/adframework/1.2/components/img/300x250.gif&quot; alt=&quot;panel&quot; /&gt;&lt;/div&gt;
      &lt;div id='hotspot'&gt;&lt;a href=&quot;http://blog.ormma.org/&quot; onclick=&quot;return(open(this.href));&quot;&gt;&lt;img src=&quot;http://ormma.googlecode.com/svn/trunk/AdSamples/OrmmaOneAd/small_ormma.gif&quot; alt=&quot;ORMMA&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;div id='close'&gt;&lt;img src=&quot;http://media.crispadvertising.com/adframework/1.2/components/img/btn_close.gif&quot; alt=&quot;close&quot; onclick=&quot;return(collapse());&quot; /&gt;&lt;/div&gt;
      &lt;div id='ormma'&gt;Running in ORMMA compliant container.&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;</pre>
    </li>
  </ul>
  <h2>User testing</h2>
  <p>The expected behavior of this ad is to display the banner automatically, click to banner expand, click the X to collapse and click the X again to hide the ad. Clicking on the Facebook icon will open the <a href="http://ormma.org">http://ormma.org</a> site.</p>
  <p>This ad will work in a standard browser, although you will see comments in the JavaScript console that ORMMA is not found. The fragment ad which does not include these instructions will work in a standard browser, web tester, and ORMMA-compatible SDKs.</p>
  <h2>methods called</h2>
  <ul>
    <li>ORMMAReady</li>
    <li>supports</li>
    <li>addEventListener</li>
    <li>removeEventListener</li>
    <li>getState</li>
    <li>show</li>
    <li>expand</li>
    <li>resize</li>
    <li>getMaxSize</li>
    <li>getSize</li>
    <li>getDefaultPosition</li>
    <li>close</li>
    <li>hide</li>
    <li>getExpandProperties, setExpandProperties</li>
    <li>open</li>
  </ul>
  <h2>events listened for</h2>
  <ul>
    <li>error</li>
    <li>stateChange</li>
    <li>sizeChange</li>
  </ul>
</div>